html, body {
    height: 100%;
    width: 100%;
}
body {
    position: relative;
    /*overflow: auto;
    -webkit-overflow-scrolling: touch;*/
}
.none{
    display: none;
}

.content_body {
    width: 100%;
    height: 100%;
    background: url("../image/bg.jpg") no-repeat center center;
    background-size: 100% 100%;
    /*background-position: center;*/
    /*padding-bottom: 2vh;*/
    position: relative;
    overflow: hidden;
    /*overflow: auto;
    -webkit-overflow-scrolling: touch;*/
}
.logo {
    width: 40%;
    height: auto;
    display: block;

    position: absolute;
    top: 3vh;
    left: 5%;

}
.tittle{
    width: 90%;
    height: auto;
    position: absolute;
    left:5%;
    top:20vh;
}
.start{
    width: 40%;
    height: auto;
    position: absolute;
    left:30%;
    top:70vh;
}
.name_list{
    width: 40%;
    height: auto;
    position: absolute;
    left:30%;
    top:83vh;
}
/*规则模态框*/
.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    /*overflow: auto;*/
}
#banner {
    /*background: red;*/
    width: 79%;
    padding: 7vw 2vw;
}


.rule{
    width: 100%;
    height: auto;
}

/*活动还未开始*/
.modal-one {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    /*isplay: flex;*/
    /*align-itdems: center;*/
    /*justify-content: center;*/
}
.vmark,.vmark1,.vmark2{
    width: 80%;
    height: 90vw;
    /*background-color: red;*/
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right:0;
    margin: auto;
}
.ready{
    width: 100%;
    height: auto;
}
.ready1{
    width: 100%;
    height: auto;
    margin-top: 17vw;
}
.end{
    width: 100%;
    height: auto;
    margin-top: 27vw;
}
.btn2{
    width: 55%;
    margin-left: 22.5%;
    margin-top: 5vw;
}
